$(function () {
    $(".screen>ul>li").eq(0).clone(true).appendTo(".screen>ul");
    for (var i = 0; i < 6; i++) {
        var $li = $("<li>"+"</li>");
        $li.on("click", function () {
            var $index = $(this).index();
            Imagindex = dianindex = $index-1;
            autoPlay();
        })
        if (i == 0) {
            $li.addClass("current");
        }
        $("ol").append($li);
    }
    console.log($(".screen>ul>li").eq(0))
    var Imagindex = 0;
    var dianindex = 0;

    function autoPlay() {
        Imagindex++
        // console.log(Imagindex)
        if (Imagindex == 7) {
            $(".screen ul").css({
                left: 0
            })
            Imagindex = 1;

        }
        $(".screen ul").animate({
            left: -Imagindex * 750
        }, 500)
        dianindex++
        if (dianindex == 6) {
            dianindex = 0;
        }
        $("ol>li").eq(dianindex).addClass("current").siblings().removeClass();
    }
    var timer = setInterval(autoPlay, 2500);
    $("#all").on("mouseenter",function(){
        clearInterval(timer)
    }).on("mouseleave",function(){
        timer = setInterval(autoPlay, 2500);
    })
    $(".btn").on("mouseenter",function(){
         $(this).css({
            backgroundColor: "#ffffff",
         })
         $(this).animate({
            
             marginLeft:10

         },500)

         
    })
    $(".btn").on("mouseleave",function(){
         $(this).css({
            backgroundColor: "#314349",
         })
         $(this).animate({
            
             marginLeft:0

         },500)

         
    })
    console.log($(".til1"));
    $(".til1").mouseover(function(){
        $(".con1").show();   
    }).mouseleave(function(){
        $(".con1").hide(); 
    })
    $(".til2").mouseover(function(){
        $(".con2").show();   
    }).mouseleave(function(){
        $(".con2").hide(); 
    })
    var $btna=$("#ubiao").find("a");
    console.log($btna);
    $btna.click(function(){
        $("#province").text("");
        var tet=$(this).text();
        $("#province").text(tet);
    })

    //退出登录
    $("#Close").on("click",()=>{
        localStorage.clear();
        layer.confirm("您确定要退出吗", {
            btn: ["记得回来"],
             time: 2000, //20s后自动关闭
        });
    })
})
